<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--引入css-->
		<link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.css" />
		<!--引入jquery-->
		<script type="text/javascript" src="../BootstrapDoem/jquery/jquery-1.11.1.js" ></script>
		<!--引入js-->
		<script type="text/javascript" src="lib/bootstrap-3.3.7-dist/js/bootstrap.js" ></script>
	</head>
	<body>
		<!--按钮-->
		<button class="btn btn-success" >Hello Bootstrap</button>
		<!--图片-->
		<img src="../IMG/2d3277c7bfc14a5db5f8d06f56718b4f_367_252.jpg" alt="" class="img-circle">
		<!--进度条-->
		<div class="progress">
  		<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
    	<span class="sr-only">45% Complete</span>
 	 	</div>
		</div>
		<!--流式布局-->
		<div class="container-fluid">
			<div></div>
			
			
		</div>
		<!--表格-->
		<table class="table table-striped">
			<tr>
				<th>#</th>
				<th>First Name</th>
				<th>Last Name</th>
				<th>Username</th>
			</tr>
			<tr>
				<th>1</th>
				<th>Mark</th>
				<th>Otto</th>
				<th>@mdo</th>
			</tr>
			<tr>
				<th>1</th>
				<th>Mark</th>
				<th>Otto</th>
				<th>@mdo</th>
			</tr>
			<tr class="success">
				<th>1</th>
				<th>Mark</th>
				<th>Otto</th>
				<th>@mdo</th>
			</tr>
		</table>
		<span class="glyphicon glyphicon-qrcode"></span>
		<!--巨幕-->
		<div class="jumbotron">
			<div class="container">
				<h1>Hello World!</h1>
			<p>FUCK</p>
			<p><a class="btn btn-primary href="#" role="button">Corem"> </a></p>
			</div>
		</div>
		表单
			<form>
			  <div class="form-group">
			    <label for="exampleInputEmail1">邮箱：</label>
			    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="邮箱">
			  </div>
			  <div class="form-group">
			    <label for="exampleInputPassword1">密码：</label>
			    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="密码">
			  </div>
			  <div class="form-group">
			    <label for="exampleInputFile">选择文件</label>
			    <input type="file" id="exampleInputFile">
			    <p class="help-block">Example block-level help text here.</p>
			  </div>
			  <div class="checkbox">
			    <label>
			      <input type="checkbox"> Check me out
			    </label>
			  </div>
			  <button type="submit" class="btn btn-default">Submit</button>
			  <!---->
			  <div class="checkbox">
				  <label>
				    <input type="checkbox" value="">
				    能选择
				  </label>
				</div>
				<div class="checkbox disabled">
				  <label>
				    <input type="checkbox" value="" disabled>
				    不能选择
				  </label>
				</div>
				
				<div class="radio">
				  <label>
				    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
				    Option one is this and that&mdash;be sure to include why it's great
				  </label>
				</div>
				<div class="radio">
				  <label>
				    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
				    Option two can be something else and selecting it will deselect option one
				  </label>
				</div>
				<div class="radio disabled">
				  <label>
				    <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
				    Option three is disabled
				  </label>
				</div>
			</form>
		
	</body>
</html>
